Entry Points (1/3)
What are the entry points?
    the 'entry point' is the starting point for building your application's JavaScript bundle. It defines which files Webpack should use as the root or main files from which it will begin its dependency analysis and build process.
    there are multiple ways to define the entry property in your webpack configuration.
    • Single Entry (Shorthand) Syntax
    • multi-main entry syntax
    • Object Syntax
    Single Entry (The Default): Used primarily for Single Page Applications (SPAs). If you don't specify anything, Webpack defaults to ./src/index.js.
    Array Entry (Multi-Main Entry) Used when you want to inject multiple independent files together into a single bundle.
    Object Entry (The 'Scalable' Way) This is the most flexible approach. It allows you to create multiple bundles for different parts of your app (e.g., a 'Main' app and an 'Admin' panel).